<style scoped>
</style>
<template>
  <Layout style="height:100vh">
    <Sider hide-trigger>
      <Menu theme="dark" width="auto" :open-names="['1']" :active-name="$route.path" >
        <MenuItem name="/home" to="/home">首页</MenuItem>
        <MenuItem name="/cmd" to="/cmd">命令助手</MenuItem>
        <MenuItem name="/bilibili/prize" to="/bilibili/prize">B站抽奖</MenuItem>
        <Submenu name="video">
          <template slot="title">
            <Icon type="md-basket" />
            视频处理
          </template>
          <MenuItem name="/video/mkv2mp4" to="/video/mkv2mp4">MKV无损转码</MenuItem>
        </Submenu>
        <Submenu name="convert">
          <template slot="title">
            <Icon type="md-basket" />
            歌词转字幕
          </template>
          <MenuItem name="/file/lrcToSrt" to="/file/lrcToSrt">lrc转srt</MenuItem>
          <MenuItem name="/file/lrcToKalaokPr" to="/file/lrcToKalaokPr">lrc转卡拉ok</MenuItem>
        </Submenu>
        <Submenu name=voice>
          <template slot="title">
            <Icon type="md-appstore" />
              语音合成
          </template>
          <MenuItem name="/voice/tts" to="/voice/tts">语音合成</MenuItem>
          <MenuItem name="/voice/project" to="/voice/project">语音工程</MenuItem>
        </Submenu>
      </Menu>
    </Sider>
    <Layout :style="{padding: '24px 24px 24px'}">
        <router-view></router-view>
    </Layout>
  </Layout>
</template>
<script>
export default {
  data () {
    return {
      activeName: ''
    }
  },
  methods: {
    openPage () {
    }
  }
}
</script>
